<template>
  <div class="login">
    <div class="con">
      <h3 class="center line">登录</h3>
      <div class="line">
       <el-input v-model="input" placeholder="请输入账号"></el-input>
      </div>
      <div class="line">
        <el-input v-model="pass" placeholder="请输入密码" clearable show-password></el-input>
      </div>
      <div class="center">
          <el-button type="primary" @click="login">登录</el-button>
      </div>
    </div>
  </div>
</template>
<script>
import { mapGetters, mapActions } from "vuex";
export default {
  components: {},
  computed: {
    ...mapGetters({}),
  },
  methods: {
    ...mapActions({}),
    login(){
        this.$router.push("/")
    }
  },
  mounted() {},
  props: [],
  data() {
    return {
      input:'',
      pass:''
    };
  },
};
</script>
<style lang="less" scoped>
@import "../../less/index.less";
.login{
    width: 100vw;
    height: 100vh;
    background: linear-gradient(90deg,@primary,@info);
    position: relative;
}
.con{
    width: 300px;
    padding: @margin;
    background: #fff;
    border-radius: @margin;
    position: absolute;
    left: 50%;top: 50%;
    transform: translate(-50%,-50%);
}
.center{
    text-align: center;
}
.line{
    margin-bottom: @margin;
}
</style>